<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>视频播放</title>
	<script type="text/javascript" src="js/jquery-1.11.2.js"></script>
	<script type="text/javascript" src="js/dora.js"></script>
	<link rel="stylesheet" type="text/css" href="css/css.css">

	<script type="text/javascript">
		$(function(){

			var videoObj = $('#myVideo').get(0);

			$('#playVideo').click(function(event) {
				videoObj.play();
			});

			$('#stopVideo').click(function(event) {
				videoObj.pause();
			});

			$('#fullScreen').click(function(event) {
				videoObj.webkitEnterFullscreen();
				videoObj.mozRequestFullScreen();
			});
		})
	</script>
</head>
<body>
	<div class="videoBox">
		<video src="video/video1.mp4" autoplay="autoplay" width="800" height="600" id="myVideo" poster="images/rzc.jpg">
			对不起，您的浏览器不支持html5
		</video>
		<div class="toolbar">
			<button id="playVideo">播放</button>
			<button id="stopVideo">暂停</button>
			<button id="fullScreen">全屏</button>
		</div>
	</div>
</body>
</html>